#app {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: skyblue;
}

.btn {
    position: relative;
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background-color: rgb(26, 160, 52);
    text-align: center;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background-color: skyblue;
    z-index: 2;
    transition: transform 0.01 linear, opacity .3s ease-out;
    /* transform-origin: center; */
}